<template>
    <div class="equity">
        <el-card shadow="never" class="card-com" style="margin-top: 10px;">
      <div class="card-1">
        <searchPanel @refresh="getData('reset')" @changePanel="resizeWin">
          <!-- 查询面板 -->
          <template v-slot:search>
            <el-form :inline="true" :model="listSearch" class="demo-form-inline" label-width="120px">
              <el-row :gutter="20">
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="产品编码">
                    <el-select multiple v-model="listSearch.condition.productCodeList" style="width:100%"
                      @change="getData('search')" placeholder="请选择产品" filterable clearable collapse-tags
                      collapse-tags-tooltip>
                      <el-option v-for="item in pageParams.productCodeList" :key="item.id" :value="item.key"
                        :label="item.key"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="渠道编码">
                    <el-select multiple collapse-tags collapse-tags-tooltip
                      v-model="listSearch.condition.channelCodeList" @change="getData('search')" style="width:100%"
                      placeholder="请选择渠道编码" filterable clearable>
                      <el-option v-for="item in pageParams.channelCodeList" :key="item.id" :value="item.key"
                        :label="item.key"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="订单号">
                    <el-input v-model="listSearch.condition.orderNo" clearable placeholder="请输入订单号"
                      @keyup.enter.native="getData('search')" @clear="getData('search')" />
                  </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="手机号">
                    <el-input v-model="listSearch.condition.mobile" clearable placeholder="请输入手机号"
                      @keyup.enter.native="getData('search')" @clear="getData('search')" />
                  </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="订单状态">
                    <el-select 
                      v-model="listSearch.condition.orderStatus" @change="getData('search')" style="width:100%"
                      placeholder="请选择订单状态"  clearable>
                      <el-option v-for="(item,index) in orderProcessStatus" :key="item" :value="index"
                        :label="item"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :xs="24" :sm="12" :sd="12" :lg="8" :xl="6">
                  <el-form-item label="订单时间">
                    <TimePicker v-model:operateTime="operateTime" style="width: 100%;" @timeChange="timeChange">
                    </TimePicker>
                  </el-form-item>
                </el-col>


              </el-row>
              <el-row justify="end">
                <el-button type="primary" @click="getData('search')">查询</el-button>
                <el-button @click="getData('reset')">重置</el-button>
              </el-row>
            </el-form>
          </template>
          <!-- 字段添加 -->
          <template v-slot:edit>

          </template>
        </searchPanel>
      </div>
      <div class="card-2">
        
      </div>


    </el-card>
    </div>
</template>

<script setup lang="ts">
import { storeToRefs } from 'pinia';
import { onMounted,ref,reactive } from 'vue';


import {equityListStore}  from "./pageStore"
const {} = storeToRefs(equityListStore())
const {} = equityListStore()

onMounted(()=>{
    
})
</script>

<style scoped>
.equity {
  display: flex;
  height: calc(100vh - 135px);

  .card-com {
    flex-grow: 1;
  }
}
</style>